<template>
    <i :class="`iconfont icon-${type}`" :style="styles"></i>
</template>

<script>
    export default {
        name: 'Icons',
        props: {
            type: {
                type: String,
                required: true
            },
            color: {
                type: String,
                default: '#5c6b77'
            },
            size: {
                type: Number,
                default: 16
            }
        },
        computed: {
            styles() {
                return {
                    fontSize: `${this.size}px`,
                    color: this.color
                };
            }
        }
    };
</script>

<style>

</style>
